<template>
	<u-popup :show="visible" :round="10" mode="bottom" closeOnClickOverlay="true" @close="visible=false">
		<view class="popup">
			<view class="tip">
				 <text>{{title}}</text>
			</view>
			<view style="margin-top:30rpx;">
				<view class="box">
					 
					<view class="a">
						<view style="font-size: 32rpx;">服务总价</view> 
						<text style="font-size: 32rpx;">￥{{serveInfo.totalMoney}}</text>
					</view> 
					<view class="a">
						<view style="font-weight: 400;">平台优惠券</view> 
						<text>{{serveInfo.discountSystemPrice || "-"}}</text>
					</view>  
					<view class="a">
						<view style="font-weight: 400;">商户优惠券</view> 
						<text>{{serveInfo.discountMerchantPrice || "-"}}</text>
					</view> 
					<view class="a">
						<view style="font-weight: 400;">员工优惠券</view> 
						<text>{{serveInfo.discountStaffPrice || '-'}}</text>
					</view> 
					<view class="a">
						<view style="font-weight: 400;">交通补贴</view> 
						<text>{{serveInfo.receiverDetailAddress || '-'}}</text>
					</view> 
					 
					<view class="a">
						<view>总计</view> 
						<text>￥{{serveInfo.actualMoney}}</text>
					</view> 
					 
				</view> 
				 
			</view>
			
			<view class="woodsbtn" style="width: 90%;margin: 20rpx auto;" @click="handleChange">
				确认取消
			</view>
		</view>
		</u-popup> 
	 
</template>

<script>
	
	export default {
		name:"woods-popupModal",
		props: {
			 title:{
				 type:String,
				 default:"价格明细"
			 },
			 dict:{
				 type:String,
				 default:""
			 }
		},
		 
		data() {
			return {
				visible:false,
				money:-1, 
				checked:[],
				reasonList :[]
			};
		},
		watch:{
			visible(val){
				if(!val){
					this.money=-1
				}
			}
		} ,
		created() {
			
		},
		methods:{
			 
			
			/*
			@description 回调事件
			*/ 
			handleChange(){
				if(this.checked.length){
					this.visible=false
					this.$emit("handleChange",this.checked)
				}else{
					uni.showToast({
						title:'请选择原因',
						icon:'none'
					})
				}
				 
			}
		}
	}
</script>

<style scoped lang="scss">
 
.popup {
    padding: 40rpx; 
	.tip{
		display: flex;
		align-items: center;
		justify-content: center;
		image{
			width: 30rpx;
			margin-right: 10rpx;
		}
		text{
			font-weight: bold;
			font-size: 38rpx;
			color: #333333;
		}
	}
	.box{
		padding:20rpx;
		border-radius: 15rpx;
		background-color: #fff;
		margin-bottom: 30rpx;
		 
		.a{
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin:18rpx 0;
			view{
				color: #333333;
				font-weight: 600;
				font-size: 28rpx;
				
			}
			text{
				color: #333333;
				font-weight: 600;
				font-size: 28rpx;
			}
		}
	}	 
	
}
 
</style>